@charset "utf-8";
/*
 * 1. 10px = 1em = 100% = 8pt
 * 2. 防止 iOS 横屏字号放大，同时保证在PC上 zoom 功能正常
 * 3. 相当于 1rem= 16px * 62.5% = 10px
 */
html {
  font-size: 62.5%; /* 1 */
  -ms-text-size-adjust: 100%; /*2*/
  -webkit-text-size-adjust: 100%; /*2*/
  text-size-adjust: 100%; /*2*/
  color: #555555;
  min-width: 1440px;
  overflow-x: auto;
}
*{
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body,
html,
#app {
  width: 100%;
  height: 100%;
}
/*
 * 1. dt 默认没边距
 * 2. li 默认没边距
 * 3. code 默认没边距
 * 4. th,td 默认padding:1px
 */
body, dl, dd, /* 1 */
ul, ol, /*2*/
h1, h2, h3, h4, h5, h6, pre, /*3*/
form, fieldset, legend, input, textarea, optgroup,
p, blockquote, figure, hr, menu, dir,
thead, tbody, tfoot, th, td /*4*/
 {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/*
 * 1. 定义全局字体
 * 2. 修复表单元素不能继承字体样式
 */
body,   /*1*/
input,select,button,textarea,pre /*2*/
 {
  font-family: "Microsoft YaHei", 微软雅黑, Arial, Verdana, Sans-Serif;
}
input,
select,
textarea {
  font-size: 100%;
}
/*
 * 1.去除链接默认的下划线
 * 2.去掉 IE 10+ 点击链接时的灰色背景
 */
a {
  text-decoration: none; /*1*/
  background-color: transparent; /*2*/
}
a:active,
a:hover {
  outline: 0; /*3*/
}
/**
 * 去掉列表前的标识, li会继承
 */
ul,
ol {
  list-style-type: none;
  list-style-image: none;
}
/*
 * 移除默认边框
 */
img,
iframe {
  border: 0;
}
img {
  vertical-align: middle;
}
/*
 * 移除单元格间距让其边重合 
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*
 * 修复th不继承text-align，默认左对齐
 */
caption,
th {
  text-align: left;
}
/*
 * 斜体扶正
 */
address,
cite,
dfn,
em,
var,
i {
  font-style: normal;
  box-sizing: border-box;
}
/*
 * 重置标题，采用自定义
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
  box-sizing: border-box;
}
/*
 * 统一引用标记
 */
q:before,
q:after {
  content: "";
}
/*
 * 统一上标和下标 
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/*
 * 统一粗体 
 */
b,
strong {
  font-weight: bold;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
hr {
  box-sizing: content-box;
  height: 0;
}
/*
 * 定义各浏览器显示一致的样式
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. 修正 IE 6-9 中颜色不能继承的问题
 * 2. 修正 Firefox3 中文字不换行的问题
 * 3. 修正 IE6-7 中怪异的对齐方式
 */
legend {
  border: 0 none; /* 1 */
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */
}
/**
 * 1. 修正所有浏览器中字体不继承的问题
 * 2. 修正所有浏览器中字号不继承的问题
 * 3. 修正 Firefox 3+， Safari5 和 Chrome 中外边距不同的问题
 * 4. 改善在所有浏览器下的垂直对齐方式
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
  vertical-align: baseline; /* 4 */
  *vertical-align: middle; /* 4 */
  outline: 0;
}
/**
 * 统一 IE 8/9/10/11 `overflow`属性为visible
 */
input,
button {
  *overflow: visible;
}
/**
 * 重置按钮光标样式
 */
input[type="button"] {
  cursor: pointer;
}
/**
 * 重置禁用时光标样式
 */
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
  cursor: not-allowed;
}
/**
 * 1. 修正 IE 8/9 box-sizing 被设置为「content-box」的问题
 * 2. 移除 IE 8/9 中多余的内边距
 * 3. 移除 IE7 中多余的内边距(IE6 中任然存在)
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}
/**
 * 1. 修正 Safari 5 和 Chrome 中「appearance」被设置为「searchfield」的问题
 * 2. 修正 Safari 5 和 Chrome 中「box-sizing」被设置为 「border-box」的问题
 */
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
/*
 * 去除FF3+内补丁和内边框
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 修正 Chrome 中 input [type="number"] 在特定高度和 font-size 时,
 * 下面一个箭头光标变成「cursor: text」
 * @demo: http://jsfiddle.net/FFXEc/
 * 动画演示：http://gtms04.alicdn.com/tps/i4/T18kd8FCtaXXc_FhcF-330-350.gif
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/*
 * 1. 让FF,S5,Chrome下的textarea只能纵向拉伸高度, 避免因拉伸而影响布局
 * 2. 去掉IE下默认的滚动条占位
 * 3. 默认textarea与文本baseline对齐，导致文本沉在下面比较难看，这里统一与文本顶对齐
 * 4. 折行
 */
textarea {
  resize: vertical; /*1*/
  overflow: auto; /*2*/
  vertical-align: top; /*3*/
  word-break: break-all; /*4*/
}
/**
 * 修正 Chrome 30- option 中文字无法显示的问题
 * http://jsbin.com/avujas/1/edit 
 */
select:disabled option:checked,
option:disabled:checked {
  cursor: not-allowed;
  color: #d2d2d2;
}
/**
 * label 元素给予手型，暗示此处可点击
 */
label {
  cursor: pointer;
}
/**
 * 统一 select 样式, Firefox 中有 padding:1px 0
 * http://jsbin.com/avujas/1/edit
 */
select[size],
select[multiple],
select[size][multiple] {
  border: 1px solid #aaa;
  padding: 0;
}
.clear {
  *zoom: 1;
}
.clear:before,
.clear:after {
  content: "";
  display: table;
  height: 0;
}
.clear:after {
  clear: both;
}
